﻿html {
height: 100%;
margin: 0;
}
#shade {
position: fixed;
top: 0;
left: 0;
z-index: 35;

display: none;
width: 100%;
height: 100%;

opacity: .3;
background-color: #000;


filter: alpha(opacity=30);
}

#modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 36;

display: none;
width: 200px;
height: 200px;
margin: auto;

background-color: #fff;
}

#modal-day{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 37;

display: none;
width: 67%;

margin: auto;

background-color: #fff;
}

.open-shade {
cursor: pointer;
}

#modal img {
width: 100%;
}

#point-img-day{
width: 100%;
height:100%;
}